@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600;1,700;1,800&display=swap');

*{line-height: 1.5em;padding:0px;margin:0px;zoom:1;font-style:normal;font-size: 16px;font-family: 'Open Sans','Microsoft YaHei','Arial', sans-serif;outline:none;}
*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
ul{list-style-type: none;}
li{list-style-type: none;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
tbody{display:table-row-group;vertical-align:middle;border-color:inherit;}
tr{display:table-row;vertical-align:inherit;border-color:inherit;}
td{padding:5px 10px;border: 1px solid #333;vertical-align:middle}
th{text-align:left;}
button{cursor:pointer;}
img{object-fit:cover;border:0;display: block;}
a,em,b,span,strong{display: inline-block;}
input,button,textarea,select,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;font-size:100%;border: 1px solid #ddd;overflow-x: hidden;outline:none;}
a{text-decoration:none;color:#333;}
a:hover{color: #d70000;}
input,select,button{outline:none;border:none;}
html{position:relative;background:#fff;overflow-x:hidden;scroll-behavior: smooth;}
.pr{position: relative;}
.box{width: 1300px;margin: 0 auto; position: relative;}
.qc:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.none{display: none;}
.ico{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
/*Pagination*/
.Pagination{overflow: hidden;margin: 60px 0 60px;text-align: center;}
.Pagination a{float: left;text-decoration:none;font-size: 16px;display: inline-block;color: #333;background: #fff;height: 24px;line-height: 24px;padding: 0 10px;}
.Pagination span{float: left;font-size: 16px;display: inline-block;color: #fff;background: #d70000;line-height: 24px;margin: 0 10px;border-radius: 100%;width: 24px;text-align: center;}
.Pagination a:hover{color: #d70000;}
.Pagination a:nth-child(1){
    margin-right: 40px;
}
.Pagination a:nth-child(1) i{    transform: rotate(180deg);}
.Pagination a:last-child{
    margin-left: 40px;
}
.Pagination li{display: inline-block;}
.Pagination_list{display:inline-block;padding: 10px 0px;border: 1px solid #aaa;}
.Pagination form{float: left;display: inline-block;height: 24px;overflow: hidden;}
.Pagination em{float: left;margin: 0 5px;font-style:normal;height: 24px;line-height: 24px;display: inline-block;}
.Pagination i{float: left;margin: 0px 20px;font-size: 16px;text-decoration:none;position: relative;top: 0px;}
.Pagination .number{width: 2em;height: 22px;border: 1px solid #ddd;outline:none;text-align: center;padding-left: 5px;float: left;}
.Pagination .submit{background:#ddd;border: none;cursor: pointer;color: #fff;height: 24px;outline:none;float: left;margin-right: 5px;padding: 0 2px;font-size: 14px;}
.Pagination b{font-weight: normal;}
.Pagination strong{float:left;font-weight: normal;margin: 0 10px;}
.fenye{padding: 10px 0px;margin-bottom: 120px;margin-top: 40px;overflow: hidden;border-top: 1px solid #ddd;}
.fenye a{display: inline-block;width: 40%;height: 1.5em;line-height: 1.5em;overflow: hidden;color: #666;white-space:nowrap;text-overflow:ellipsis;font-size: 16px;}
.fenye a:hover{color: #d70000;}
.fenye a.fr{text-align:right; float: right;}
/*swiper*/
.swiper-pagination span{width:20px;height:6px;border-radius:0px;background: #ddd;opacity:1;border-radius:4px;}
.swiper-pagination .swiper-pagination-bullet-active{background: #d70000;}
.swiper-button-next:after, .swiper-button-prev:after{display: none;}
.swiper-slide a img{display: block; width: 100%;}

.swiper-button-next,.swiper-button-prev{    background-image: none!important; background: #d70000;  color: #fff; text-align: center;  line-height: 44px;}
.swiper-button-next{ right: -50px!important; transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;}
.swiper-button-prev{ left: -50px!important; transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;}
.swiper-container:hover .swiper-button-next{right: 10px!important;}
.swiper-container:hover .swiper-button-prev{left: 10px!important;}
/*style*/

.imghover{overflow:hidden;position: relative;}
.imghover img{transition:0.4s;-o-transition:0.4s;-moz-transition:0.4s;-webkit-transition:0.4s;display:block}
.imghover:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1)}

.google{float: right;margin-top: 42px;}
.google img{display: inline-block;}


.indexAbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
    align-items: center;
    position: relative;
    top: -30px;
}

.indexNavBox{width: 1500px;margin: 0 auto;}
.indexNav{
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    z-index: 99;
    position: fixed;top: 0px;
}
.indexNav .logo{
    float: left;
    display: block;
    margin-top: 13px;
}
.indexNav .logo a{}
.indexNav .logo img{}
.indexNavBox>ul{text-align: center;}
.indexNavBox>ul>li{display: inline-block; position: relative;}
.indexNavBox>ul>li>a{
    line-height: 90px;
    color: #fff;
    text-transform:uppercase;
    padding: 0 26px;
}
.indexNavBox a.this{ }
.indexNavBox>ul>li>ul{display: none;position: absolute;background: rgba(0, 0, 0, 0.6);min-width: 100%;padding: 10px 0;border-top: 1px solid #ddd;}
.indexNavBox>ul>li>ul>li{}
.indexNavBox>ul>li>ul>li>a{
    display: block;
    white-space:nowrap;
    color: #fff;
    padding: 4px 30px;
    text-align:left;
}

.indexNavRight{
    float: right;
    margin-top: 33px;
}
.indexNavRight select{
    background: none;
    color: #fff;
}
.indexNavRight option{background: rgba(0, 0, 0, 0.6);}
.indexNavRight .user{
    cursor: pointer;
    float: right;
    position: relative;
    top: -9px;
    margin-left: 10px;
}
.indexNavRight .user i{
    color: #fff;
    font-size: 28px;
}

.indexVideo{overflow: hidden;}
 


.indexVideo video{display: block; width: 100%; border:none;  }
/*.indexVideo iframe{display: block; width: 100%; border:none; height:100vh;}*/
.indexA{
    position: relative;
    background: #fff;
    padding-bottom: 50px;
}
.indexTitle{
    padding: 40px 0;
}
.indexTitle p{ text-align: center; max-width:90%; margin: 0 auto; }
.indexTitle h2{
    color: #0094e9;
    text-transform:uppercase;
    font-size: 40px;
    text-align: center;
}
.indexTitle h3{
    text-align: center;
    padding:20px 0 30px;
}
.indexTitle span{
    border: 2px solid #0094e9;
    width: 18px;
    height: 18px;
    border-radius: 100%;
}
.indexTitle em{
    width: 60px;
    height: 8px;
    background: #0094e9;
    border-radius: 40px;
    position: relative;
    top: -5px;
    margin: 0 -12px;
}
.indexARight{
    order: 1;
}
.indexARight img{
    max-width: 500px;
    margin-right: 20px;
}

.indexALeft{
    float: left;
    width: 50%;
    margin-left: 20px;
}
.indexALeft p{
    color: #434343;
    font-size: 16px;
    margin-bottom: 1em;
    line-height: 2em;
}
 
.indexB{background: url(../images/index2.jpg) no-repeat;overflow: hidden;padding-bottom: 70px;background-image: linear-gradient(#2e79d4, #89b4f8);}
.indexB ul{background-color: #fff;overflow: hidden;padding: 40px 30px 0 30px;display: flex;flex-wrap: wrap;display: -webkit-flex;justify-content: space-between;position: relative;}
.indexB ul li{
    width: 170px;
    height: 120px;
    margin-bottom: 40px;
    text-align: center;
}
.indexB ul li img{display: inline-block;}
.indexB ul li:nth-child(2n) img{margin-top: 40px;}
.indexB ul li h3{font-size: 14px;font-weight: normal;text-align: center;text-transform:capitalize;}
.indexB ul li:nth-child(2n){width: 80px;}
.indexB ul li:last-child{display: none;}
.indexB ul li:nth-child(10){
    position: absolute;
    right: 20px;
    top: 118px;
}
.indexB ul li:nth-child(11){
    order: 7;
}
.indexB ul li:nth-child(12){order: 6;}
.indexB ul li:nth-child(13){
    order: 5;
}
.indexB ul li:nth-child(14){
    order: 4;
}
.indexB ul li:nth-child(15){
    order: 3;
}
.indexB ul li:nth-child(16){
    order: 2;
}
.indexB ul li:nth-child(17){
    order: 1;
}
.indexB ul li:nth-child(18){float: right;}
.indexB ul li:nth-child(19){float: right;}
.indexB ul li:nth-child(1){  margin-left: 20px; }
.indexB ul li:nth-child(10) img{
    transform: rotate(92deg);
}
 .indexB .indexTitle h2{color: #fff;}
 .indexB .indexTitle h3 span{border: 2px solid #fff;}
  .indexB .indexTitle h3 em{background-color: #fff; }
   .indexB  .indexTitle p{color: #fff; text-align: center; line-height: 2em;}



.indexC{
    background: #f4f4f5;
    overflow: hidden;
}
#indexC{margin: 0 10%;padding-bottom: 100px;position: relative;top: -20px;}
#indexC h3{
    font-size: 16px;
    height: 1.5em;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
#indexC p{
    font-size: 0;
    color: #7e8591;
    position: relative;
}
#indexC p:before{content:'';width: 20px;height: 2px;background: #d70000;display: block;position: absolute;bottom: -8px;}
#indexC img{}
#indexC .indexCtxt{
    background: #fff;
    width: 90%;
    position: absolute;
    bottom: -40px;
    left: 5%;
    padding: 18px 10px 30px;
    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
}
#indexC a{ position: relative; display: block; }
#indexC .swiper-button-next, #indexC .swiper-button-prev{ margin-top: -60px; }


.indexD{
    position: relative;
    overflow: hidden;
}
.indexD iframe{
    display: block;
    width: 100%; height: 100vh; border: none;
}
.indexDtxt{
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    margin-top: -150px;
}
.indexDtxt img{
    display: inline-block;
    margin-bottom: 40px;
    cursor: pointer;
}
.indexDtxt h3{
    font-size: 40px;
    color: #fff;
    text-transform:uppercase;
    max-width: 800px;
    margin: 0 auto;
}
.indexD:before{content:'';display: block;width: 100%;height: 100%;position: absolute;left: 0px;background: rgba(0, 0, 0, 0.4);}
.indexDhide  video{position: relative; z-index: 3;}
.indexDhide .indexDtxt{display: none;}




.indexnews_list{}
#indexnews_list .swiper-pagination{display: none;  }
.indexnews_list .swiper-slide{}
.indexnews_list .indexnews_list_ul{border-right: 6px solid #f2f2f2;border-bottom: 6px solid #f2f2f2;position: relative;}
.indexnews_list .indexnews_list_li{overflow: hidden;border: 1px solid #ddd;padding: 4px;}
.indexnews_list .indexnews_list_li img{display: block;
    height: 250px;
    width: auto;
    margin: 0 auto;
    max-width: 100%;}
.indexnews_list .indexnews_list_li h2{font-size: 18px;color: #333;text-align: center;height: 1.5em;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;padding: 0 20px;margin: 20px 0;}
.indexnews_list .indexnews_list_li a{display: block;}
.indexnews_list .indexnews_list_li span{display: block;border-top: 2px solid #ddd;border-bottom: 2px solid #ddd;text-align: center;padding: 5px 0;margin-top: 5px;}
.indexnews_list .indexnews_list_li span i{
    font-size: 20px;
    margin-right: 10px;
    position: relative;
    top: 2px;
}
.indexnews_list .indexnews_list_li span em{color: #909090;font-size: 15px;}
.indexnews_list .indexnews_list_li p{padding: 0 20px;font-size: 15px;color: #666;text-align: center;line-height: 1.4em;height: 2.8em;overflow: hidden;margin-top: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.indexnews_list .indexnews_list_li .more_a{width: 130px;line-height: 30px;background: #d70000;color: #fff;font-size: 14px;display: block;margin: 15px auto;text-align: center;}
.index_news{margin-top: 20px;overflow: hidden;padding-bottom: 70px;}
.indexnews_list .indexnews_list_ul:before{content:"";display: block;background: #fff;width: 6px;height: 6px;position: absolute;right: -6px;}
.indexnews_list .indexnews_list_ul:after{content:"";display: block;background: #fff;width: 6px;height: 6px;position: absolute;left:0px;bottom: -6px;}



.indexF{background-color: #f4f4f5;overflow: hidden; padding-bottom: 165px;}
#indexF .swiper-pagination{display: none;}
#indexF a{border: 1px solid #ddd;padding: 10px 0;background-color: #fff;border-right: none;display: block;}
#indexF img{ height: 110px; }


.foot{ padding-bottom: 26px;  background-color: #003554;}

.footLeft{
    width: 300px;
    float: left;
    padding-top: 60px;
}
.footLeft h3{
    color: #ffffff;
    text-transform:uppercase;
    margin-bottom: 50px;
    font-size: 20px;
}
.footLeft ul{}
.footLeft ul li{
    overflow: hidden;
    margin-bottom: 10px;
}
.footLeft ul li i{
    color: rgba(255, 255, 255, 0.8);
    float: left;
    margin-right: 10px;
}
.footLeft ul li a{
    color: #9aa3b2;
    font-size: 14px;
}
.footLeft ul li p{overflow: hidden;}

.flltCe{
    width: 600px;
    background: #004066;
    float: none;
    margin: 0 auto;
    position: relative;
    top: -100px;
    margin-bottom: -126px;
}
.flltCe img{
    margin: 0 auto;
    padding: 50px 0;
}
.flltCe form{
    display: block;
    width: 530px;
    margin: 0 auto;
    overflow: hidden;
}
.flltCe input{
    background: none;
    width: 260px;
    border: 1px solid #eee;
    margin-bottom: 20px;
    display: block;
    float: left;
    line-height: 45px;
    height: 45px;
    border-radius: 40px;
    text-indent: 10px;
    color: #fff;
}
.flltCe input:nth-child(2n){float: right;}
.flltCe textarea{
    background: none;
    width: 100%;
    border-radius: 20px;
    height: 120px;
    padding: 10px;
    color: #fff;
}
.flltCe button{
    display: block;
    width: 250px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-transform:uppercase;
    border-radius: 40px;
    margin: 20px auto;
    color: #fff;
    background: #d70000;
}

.footright{
    width: 240px;
    float: right;
    padding-top: 60px;
}
.footright h3{
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 50px;
    font-size: 20px;
}
.footright ul{}
.footright ul li{
    margin-bottom: 10px;
}
.footright ul li a{
    color: #9aa3b2;
    font-size: 14px;
    display: block;
    line-height: 24px;
    position: relative;
    padding-left: 25px;
}

.footright ul li a:before{content:'';display: block;position: absolute;left: 0px;width: 4px;height: 4px;border: 1px solid #fff;top: 9px;transform: rotate(45deg);}


.shemei{
    text-align: center;
    padding: 20px 0 30px;
}
.shemei a{
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: #0f4b6f;
    margin: 0 10px;

}
 
.shemei i{
    color: #fff;
    font-size: 20px;
    position: relative;
    top: 2px;
}

 
.indexRight{
    position: fixed;
    right: -200px;
    bottom: 200px;
    z-index: 20;
}
.indexRight a{
    background: #d70000;
    overflow: hidden;
    margin-bottom: 10px;
    display: block;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    transition: 0.4s;
-o-transition: 0.4s;
-moz-transition: 0.4s;
-webkit-transition: 0.4s;
position: relative; right: 0px;
    box-shadow: 0 1px 2px 0 rgba(32,33,36,0.28);
}
.indexRight a:hover{right: 200px;}
.indexRight a:last-child:hover{right:0px;}
.indexRight i{
    width: 52px;
    float: left;
    color: #fff;
    font-size: 30px;
    text-align: center;
    position: relative;
    top: 4px;
}
.indexRight p{
    background: #ededed;
    float: left;
    line-height: 52px;
    height: 52px;
    width: 200px;
    font-size: 14px;
    padding-left: 10px;
}


.fixed .indexNavBox>ul>li>a{line-height: 60px;}
.fixed .indexNav .logo{margin-top: 13px;}
.fixed  .indexNavRight{margin-top: 17px;}
.fixed  .indexNav .logo img{    width: 160px;}
.fixed .indexNavBox{ width: 1300px; margin: 0 auto; }
.fixed .indexNav{background: rgba(0, 0, 0, 0.8);position: fixed;top: 0px;}
.fixed .google{margin-top: 16px;}





.lanmubanner {
    position: relative;
    
}
.lanmubanner  img{
    width: 100%;
}
.lanmubannerTxt{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 48%;
}
.lanmubannerTxt h2{
    color: #fff;
    font-size: 50px;
    transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    text-transform:uppercase;
}
.lanmubannerTxt a{
    color: #fff;
    text-transform:capitalize;
}
.crumbs{
    color: #fff;
    display: inline-block;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 20px;
} 


.ProductTop{
    background: #e7e7e7;
    margin-bottom: 40px;
    overflow: hidden;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.ProductTopL{
    float: left;
    background: #d70000;
}
.ProductTopL img{
    float: left;
    margin: 4px;
}
.ProductTopL strong{
    line-height: 50px;
    color: #fff;
    text-transform:uppercase;
    padding: 0 30px 0 20px;
    font-size: 25px;
    font-weight: normal;
}
.ProductTopR{
    float: right;
}
.ProductTopR form{
    display: block;
    height: 34px;
    background: #fff;
    margin-top: 9px;
    margin-right: 20px;
    width: 900px;
    overflow: hidden;
    border-radius: 30px;
    position: relative;
}
.ProductTopR input{
    width: 100%;
    line-height: 34px;
    height: 34px;
    text-indent: 10px;
}
.ProductTopR button{
    position: absolute;
    right: 0px;
    background: #d70000;
    height: 100%;
    padding: 0 20px;
}
.ProductTopR i{
    color: #fff;
}


.ProductL{
    width: 350px;
    float: left;
}
.ProductL dl{
    margin-bottom: 10px;
}
.ProductL dt{}
.ProductL dt a{
    color: #2e2e2f;
    display: block;
    font-weight: 600;
}
.ProductL dd{
    padding: 20px 0 20px 20px;
}
.ProductL dd a{
    margin-bottom: 5px;
    color: #505050;
    position: relative;
    display: block;
        font-size: 14px;
}
.ProductL dd a:before{content:'';display: block;position: absolute;left: -13px;width: 4px;height: 4px;background: #999999;border-radius: 100%;top: 10px;}
.ProductL   a.this{color: #d70000}

.Product{ padding-top: 40px; padding-bottom: 100px; overflow: hidden; } 
.ProductR{
    width: 920px;
    float: right;
}
.ProductList dl{
    overflow: hidden;
    margin-bottom: 40px;
}
.ProductList dt{
    background: #007fc7;
    color: #fff;
    line-height: 52px;
    margin-bottom: 20px;
    font-size: 20px;
}
.ProductList dd{
    overflow: hidden;padding-left: 2px;
}
.ProductList dt:before{content:'';width: 20px;height: 2px;background: #fff;display: inline-block;margin: 0 10px 0 20px;position: relative;top: -6px;}
.ProductList dd a{
    display: block;
    width: 290px;
    float: left;
    margin-right: 20px;
}
.ProductList dd a{display: block;margin-bottom: 20px;}
.ProductList dd img{height: 290px;margin:0 auto;display: block;max-width: 100%;}
.ProductList dd h3{
    height: 50px;white-space:nowrap;  text-overflow:ellipsis; overflow: hidden;
    text-align: center;
    line-height: 50px;
}
.ProductList dd a:nth-child(3n){ margin-right: 0px; }
.ProductList {padding-bottom: 100px;padding-top: 40px;}

.ProductList dd a .imghover{box-shadow: 0 1px 2px 0 rgba(32,33,36,0.28);}






.productImgs{width: 450px;}
.gallery-thumbsY{  }
.productImgs .gallery-topY{ margin-bottom: 20px;   }
.gallery-topY a img{width: 100%;}
.gallery-topY a{display: block;overflow: hidden;}
.gallery-thumbsY .swiper-slide { width: 100%;opacity: 0.5;}
.gallery-thumbsY .swiper-slide-active {opacity: 1;}
.gallery-thumbsY .swiper-slide img{height:100%; width: 100%;}

 /*easyzoom styles*/

.easyzoom{position: relative;display: inline-block;*display: inline;*zoom: 1;}
.easyzoom a img{vertical-align: bottom; width: 100%;}
.easyzoom.is-loading img{cursor: progress;}
.easyzoom.is-ready img{cursor: crosshair;}
.easyzoom.is-error img{cursor: not-allowed;}
.easyzoom-notice{position: absolute;top: 50%;left: 50%;z-index: 150;width: 10em;margin: -1em 0 0 -5em;line-height: 2em;text-align: center;background: #FFF;box-shadow: 0 0 10px #888;}
.easyzoom-flyout{position:absolute;z-index: 100;overflow: hidden;background: #FFF;}
.easyzoom-flyout{top: 0;left:0;width: 100%;height: 100%;}
.easyzoom--adjacent .easyzoom-flyout{top: 0;left: 100%;width: 100%;height: 100%;margin-left: 20px;}
/*easyzoom styles*/

.productImgs{float: left;  }



.productNr{
    padding-bottom: 100px;
    overflow: hidden;
}
.productNrTitle{
    background: #f3f3f3;
    text-align: center;
    color: #0094e9;
    font-size: 24px;
    font-weight: 600;
    margin: 50px 0px;
    text-transform:capitalize;
    padding: 10px 0 30px;
}
.productNrTitle:before{content:'';display: block;width: 100px;height: 3px;background: #0094e9;margin: 0 auto;position: relative;top: 43px;}
.productNr p{}
.productNr table{}
.productNr tr{background-color: #f3f3f3;}
.productNr td{
    border: 1px solid #dcdcdc;
    color: #666666;
    padding: 14px 20px;
}
.productNr tr:nth-child(2n){ background-color: #fff; }


.productTxt h1{color: #0094e9;font-size: 24px;padding-bottom: 10px;border-bottom: 1px solid #eee;}

.productTxt{width: 740px;float: right;}
.productTxtBjq{padding: 20px 0;}
.productTxtBjq strong{display: block; color: #2e2e2f;}
.productTxtBjq p{color: #7a7a7a;    font-size: 15px;
    margin-bottom: 0.5em;}
.productTxtBjq ul{background-color: #fafafa;padding: 10px;margin: 10px 0;}
.productTxtBjq ul li{color: #666;margin-bottom: 5px;position: relative;padding-left: 15px;}
.productTxtBjq ul li:before{content:'';position: absolute;width: 4px;height: 4px;display: block;left: 0px;top: 10px;background: #bababa;border-radius: 100%;}


.productA{}
.productA a{
    cursor: pointer;
    width: 165px;
    text-align: center;
    height: 45px;
    line-height: 45px;
    background: #d70000;
    text-transform:uppercase;
    color: #fff;
}
.productA a.this{background-color: #0094e9!important; color: #fff!important;}
.productA a:nth-child(2n){
    background: #d3d3d3;
    color: #000;
    margin-left: 20px;
}




.about{
    overflow: hidden;
    padding-bottom: 100px;
}
.aboutA{
    padding: 90px 0;
}
.aboutA ul{
    overflow: hidden;
}
.aboutA ul li{
    float: left;
    overflow: hidden;
    margin-bottom: 90px;
}
.aboutA ul li img{
    float: left;
    margin-right: 40px;width: 590px;
    height: 415px;
}
.aboutA ul li iframe{
    width: 590px;
    height: 415px;
    display: block;
    float: left;
    margin-right: 40px;
    }
.aboutA ul li h3{
    color: #0095ea;
    font-size: 40px;
    text-transform:uppercase;
    margin-bottom: 20px;
}
.aboutA ul li p{
    color: #6a6a6a;
    font-size: 16px;
    line-height: 2em;
    margin-bottom: 1em;
}
.aboutA ul li strong{
    font-size: 18px;
    color: #121b2b;
    font-weight: 600;
    margin-bottom: 0.5em;
    margin-right: 20px;
}
.aboutA ul li strong i{}
.aboutA ul li:nth-child(2n){margin-bottom: 0px;}
.aboutA ul li:nth-child(2n) img{
    float: right;
    margin-left: 40px;
    margin-right: 0px;
}
.aboutA ul li:nth-child(2n) h3{}



.aboutA ul li strong{background: url(../images/ico1.png) no-repeat left 6px;padding-left: 30px;}
 
.aboutA ul li .BJQ{overflow: hidden;}

 
.aboutB{background: url(../images/about3.jpg)no-repeat center center;padding: 70px 0;}
.aboutB ul{}
.aboutB ul li{
    transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    width: 632px;
    float: left;
    height: 280px;
    background: #fff;
    margin-right: 35px;
    padding: 30px;
    padding-top: 14px;
}

 
.aboutB ul li:last-child{ margin-right: 0px; }
.aboutB ul li i{
    font-size: 60px;
    color: #d70000;
}
.aboutB ul li h3{
    color: #192437;
    font-size: 24px;
}
.aboutB ul li p{
    color: #454545;
    font-size: 18px;
    margin: 10px 0 15px;
    min-height: 3em;
}
.aboutB ul li em{
    color: #d70000;
    font-weight: bold;
}

.aboutB ul li:hover{background:#d70000;}
 .aboutB ul li:hover h3{color:#fff;}
  .aboutB ul li:hover i{color:#fff;}
   .aboutB ul li:hover p{color:#fff;}
    .aboutB ul li:hover em{color:#fff;}
.HonorA{background: url(../images/zsbj1.jpg)0px 152px no-repeat;padding-bottom: 160px;padding-top: 70px;}
.HonorA ul{width: 900px;position: relative;height: 430px;display: block;margin: 0 auto;padding-top: 50px;}
.HonorA ul li{}
.HonorA ul li img{width: 230px;height: 152px;cursor: pointer;}
#HonorB img{cursor: pointer;}
.HonorA ul li:nth-child(1){position: absolute;top: 110px;}
.HonorA ul li:nth-child(2){position: absolute;bottom: 0px;}
.HonorA ul li:nth-child(3){position: absolute;right: 0px;top: 110px;}
.HonorA ul li:nth-child(4){position: absolute;right: 0px;bottom: 0px;}
.HonorA ul li:nth-child(5){position: absolute;left: 195px;bottom: 0px;}
.HonorA ul li:nth-child(6){position: absolute;right: 195px;bottom: 0px;}
.HonorA ul li:nth-child(5) img{width: 254px;height: 370px;}
.HonorA ul li:nth-child(6) img{width: 254px;height: 370px;}
.HonorA h2{
    color: #0095ea;
    font-size: 40px;
    text-align: center;
    text-transform:uppercase;
}
.HonorA p{
    color: #6a6a6a;
    text-align: center;
    padding: 40px 0;
}


#HonorB  .swiper-slide {
    width: 310px;
 
   
     
}
#HonorC  .swiper-slide {
    width: 310px;
   
   
     
}

#HonorB img{-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.3))); width: 100%;}
#HonorB{padding-bottom: 100px;}

#HonorC img{-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.3))); width: 100%;}
#HonorC{padding-bottom: 100px;}
.HonorB{padding-bottom: 100px;}


.aboutEquipment{padding-bottom: 200px;padding-top: 50px;}
.aboutEquipmentA{
    padding: 50px 0;
}
.aboutEquipmentTitle{}
.aboutEquipmentTitle h2{
    color: #0095ea;
    font-size: 40px;
    text-align: center;
    text-transform:uppercase;
}
.aboutEquipmentTitle p{
    color: #6a6a6a;
    text-align: center;
    margin: 30px 0 50px;
    font-size: 16px;
}
#aboutEquipmentA{padding-bottom: 40px;}
#aboutEquipmentA img{
    width: 100%;
    height: 270px;
}
#aboutEquipmentA h3{
    text-align: center;
    color: #393939;
    font-size: 18px;
    font-weight: 600;
    padding: 16px 0;
}
#aboutEquipmentA .swiper-button-prev{ margin-top: -70px; }
#aboutEquipmentA .swiper-button-next{ margin-top: -70px; }




.aboutEquipmentC{
    padding: 60px 0;
    overflow: hidden;
}
.aboutEquipmentC img{
    float: right;
    margin-left: 100px;
}
.aboutEquipmentC h3{
    color: #0095ea;
    font-size: 40px;
    text-transform: uppercase;
    padding-bottom: 40px;
}
.aboutEquipmentC p{
    color: #6a6a6a;
    font-size: 16px;
    margin-bottom: 2em;
}




.aboutEquipmentD img,.aboutEquipmentB img{ width: 100%; }
.aboutEquipmentB .swiper-pagination,.aboutEquipmentD .swiper-pagination{display: none;}
.aboutEquipmentD h2{
    color: #0095ea;
    font-size: 40px;
    text-transform: uppercase;
    padding-bottom: 40px;
}
.technology{padding-bottom: 200px;}

.technologyA{
    padding: 90px 0;
}
.technologyA h2{
    font-size: 40px;
    color: #0095ea;
    text-align: center;
    text-transform:uppercase;
    padding-bottom: 1em;
}
.technologyA p{
    color: #6a6a6a;
    text-align: center;
}
.technologyA iframe{
    width: 1000px;
    display: block;
    margin: 0 auto;
    margin-top: 40px;min-height: 613px;
}

.technologyB{background: url(../images/jishubj.jpg) no-repeat center center;padding: 40px 0;}
.technologyB h2{
    font-size: 40px;
    color: #0095ea;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 40px;
}
.technologyB ul{overflow: hidden;}
.technologyB ul li{
    padding: 20px;
    width: 433px;
    float: left;
    height: 200px;
    border-bottom: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
}
.technologyB ul li img{
    float: left;
    padding-bottom: 100px;
    margin-right: 10px;
}
.technologyB ul li h3{
    font-size: 24px;
    color: #192437;
    font-weight: 600;
    margin-bottom: 10px;
}
.technologyB ul li p{
    color: #505050;
    font-size: 18px;
}
.technologyB ul li:nth-child(3n){border-right:none;}
.technologyB ul li:nth-child(4){border-bottom:none;}
.technologyB ul li:nth-child(5){border-bottom:none;}
.technologyB ul li:nth-child(6){border-bottom:none;}


.technologyC{
    padding: 100px 0 0;
}
.technologyC img{
    float: left;
    max-width: 610px;
    margin-right: 90px;
    border-radius:4px;
}
.technologyC h3{
    font-size: 40px;
    color: #0095ea;
    text-transform: uppercase;
    padding-bottom: 40px;
}
.technologyC .BJQ p{background: url(../images/j7.png) no-repeat left 2px;color: #636363;font-weight: 600;margin-bottom: 16px;padding: 4px 0 4px 40px;width: 48%;}

.technologyC .BJQ{overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;display: -webkit-flex;}


.download{padding: 100px 0 200px;}
.download table{}
.download tr{
    background: #f6f6f6;
}
 
.download tr:nth-child(2n){
    background: #fff;
}
.download td{
    border: none;
    padding: 15px;
    color: #6c6c6c;
}
.download td i{
    font-size: 20px;
}
.download  h2{
    color: #0095ea;
    font-size: 40px;
    text-align: center;
    text-transform:uppercase;
    padding-bottom: 40px;
}
.download td:nth-child(1){}
.download td:nth-child(5){ width: 10em; text-align: center; }
.download tr:nth-child(1){border: 1px solid #bfbfbf;}

.industry{padding: 100px 0 200px;}

.industry ul{
    overflow: hidden;
}
.industry ul li{
    width: 420px;
    float: left;
    margin-right: 20px;
    border: 1px solid #dcdcdc;
    margin-bottom: 30px;
}
.industry ul li a{
    display: block;
}
.industry ul li img{ width:100%; height:320px;}
.industry ul li span{
    width: 120px;
    height: 110px;
    background: #fff;
    left: 30px;
    border-bottom: 2px solid #d70000;
    text-align: center;
    position: relative;
    top: -80px;
    margin-bottom: -80px;
    display: none;
}
.industry ul li i{
    font-size: 68px;
    color: #d70000;
}
.industry ul li h3{
    color: #191919;
    font-size: 20px;
    font-weight: 600;
    margin: 30px 30px 0;
}
.industry ul li p{
    margin: 30px;
    color: #6a6a6a;
    height: 9em;
    overflow: hidden;
}
.industry ul li em{
    margin: 0 0 30px 30px;
    text-transform:uppercase;
    font-weight: 600;
    color: #d70000;
}
.industry ul li:nth-child(3n){ margin-right: 0px; }
.industry ul li:last-child{
    display: block;
   
} 



.industryShow{
    padding: 100px 0 60px;
}
.industryShow h1{
    color: #0095ea;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 40px;
}
.industryShowTxt{}
.industryShowTxt p{
    color: #505050;
    line-height: 2em;
    margin-bottom: 1em;
}
.industryShowTxt table{
    max-width: 80%;
}
.industryShowTxt strong{
    font-size: 20px;
    color: #222222;
    border-left: 3px solid #d70000;
    padding-left: 20px;
    font-weight: 600;
    margin-bottom: 20px;
} 

.industryShowTxt td{
    border: 1px solid #cfcfcf;
    padding: 15px;
}
.industryShowTxt td *{margin-bottom: 0px;}
.industryShowTxt tr{
    background: #eeeeee;
}
.industryShowTxt tr:nth-child(2n){
    background: #fff;
}

.RelatedProducts{
    background: #fafafa;
    padding: 60px 0 200px;
}
#RelatedProducts{}
#RelatedProducts a{
    display: block;
}
#RelatedProducts img{}
#RelatedProducts h3{
    text-align: center;
    padding: 10px 0;
    font-weight: 600;
    font-size: 22px;
}

.RelatedProducts h2{
    color: #0095ea;
    font-size: 30px;
    text-transform:uppercase;
    text-align: center;
    margin-bottom: 40px;
}
#RelatedProducts .swiper-pagination{display: none;}




.recruit {
    padding: 90px 0 100px;
}
.recruitA{}
.recruitA ul{
    overflow: hidden;
}
.recruitA li{
    float: left;
}
.recruitA li:nth-child(2){
    float: right;
}
.recruitA p{
    color: #0194e9;
    font-size: 24px;
    text-align: center;
    font-weight: 600;
    line-height: 1.2em;
    padding: 40px 0;
}

.recruitB dd{display: none;}
.recruitB{
   padding-bottom: 100px;
}
.recruitB dl{}
.recruitB dt{
    cursor: pointer;
    border-bottom: 1px solid #eaeaea;
    overflow: hidden;
}
.recruitB dt.this{ background-color: #f1f1f1; }
.recruitB dt span{
    line-height: 56px;
    margin-right: 20px;
    color: #757575;
    font-size: 15px;
}
.recruitB dt span:nth-child(1){
    width: 300px;
    text-indent: 20px;
}
.recruitB dt span:nth-child(2){
    width: 180px;
}
.recruitB dt span:nth-child(3){
    width: 180px;
}
.recruitB dt span:nth-child(4){}
.recruitB dt i{
    
    line-height: 56px;
    
}
.recruitB dt span:nth-child(5){float: right; width: 100px; text-align: center;}
.recruitB dd{
    padding: 40px;
}
.recruitB h3{
    color: #161616;
    font-size: 22px;
    font-weight: 600;
}
.recruitB .requirement{
    margin: 20px 0 0;
}
.recruitB .requirement ul{
    overflow: hidden;
    width: 80%;
}
.recruitB .requirement li{
    width: 45%;
    float: left;
    color: #757575;
    margin-bottom: 10px;
}
.recruitB .requirement li em{
    color: #000;
    margin-right: 10px;
}
.recruitB .BJQ strong{
    color: #313131;
    font-weight: 600;
    margin: 20px 0 10px;
}
.recruitB .BJQ p{
    color: #595959;
        margin-bottom: 0.5em;
}

.recruitBsousuo{
    width: 980px;
    margin: 0 auto;
    border: 1px solid #d2d2d2;
    margin-bottom: 60px;
}
.recruitBsousuo form{
    display: block;
    position: relative;
}
.recruitBsousuo input{
    width: 100%;
    line-height: 45px;
    height: 45px;
    text-indent: 10px;
}
.recruitBsousuo button{
    position: absolute;
    right: 0px;
    top: 0px;
    height: 45px;
    line-height: 45px;
    padding: 0 60px;
    background: #0194e9;
}
.recruitBsousuo button i{
    color: #fff;
    font-size: 20px;
    position: relative;
    top: 2px;
}
.recruitB dl form{
    display: block;
    margin-top: 40px;
}
.recruitB dl input{
    width: 100%;
    height: 45px;
    display: block;
    padding: 9px;
}
.recruitB dl .filepdf{
    width: 500px;
    border: 1px solid #7d7d7d;
    position: relative;
}
.recruitB dl .filepdf span{cursor: pointer; display: block;width: 100%;position: absolute;top: 0px;background: #fff;height: 100%;left: 0px;line-height: 45px;text-indent: 20px;color: #999;}
.recruitB dl button{
   
    text-align: center;
    line-height: 45px;
    height: 45px;
    background: #0194e9;
    color: #fff;
    margin-top: 20px;
    padding: 0 20px;
}
.dlHead{background-color: #f1f1f1;}
.recruitB .dlHead span{color: #333;}





.map{}
.map iframe{display: block; width: 100%; min-height: 500px; border: none}


.Contact{
    padding: 100px 0;
}
.ContactLeft{
    width: 500px;
    float: left;
}
.ContactLeft h2{
    color: #0095ea;
    text-transform:uppercase;
    font-size: 40px;
    width: 370px;
    line-height: 1.4em;
    margin-bottom: 40px;
}
.ContactLeft ul{
    overflow: hidden;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 20px;
}
.ContactLeft ul li{
    overflow: hidden;
    margin-bottom: 15px;
}
.ContactLeft ul li i{
    float: left;
    color: #d70000;
    font-size: 24px;
    margin-right: 15px;
} 
.ContactLeft ul li p{
    overflow: hidden;
    margin-top: 2px;
}
.ContactLeft ul li a{
    color: #626262;
    font-size: 18px;
}
.ContactLeft ul li h3{font-weight: normal;}
.ContactLeft ul li h3 i{
    position: relative;
    top: -6px;
}
 
 .ContactRight{
    width: 680px;
    float: right;
}
.ContactLeft ul:nth-child(3){border: none; margin-bottom: 0px;}
 .ContactRight em{
    color: #6c6c6c;
    font-size: 26px;
    font-style: italic;
    margin-bottom: 82px;
}
 .ContactRight form{}
 .ContactRight input{
    background: #fbfbfb;
    width: 335px;
    line-height: 64px;
    height: 64px;
    display: block;
    margin-bottom: 10px;
    float: left;
    border: 1px solid #e5e5e5;
    text-indent: 20px;
}
 .ContactRight textarea{
    width: 100%;
    border: 1px solid #e5e5e5;
    background: #fbfbfb;
    padding: 10px;
    height: 250px;
    margin-bottom: 20px;
    display: block;
}
 .ContactRight button{
    width: 290px;
    background: #d70000;
    color: #fff;
    line-height: 66px;
    height: 66px;
    text-transform:uppercase;
    font-size: 20px;
}
  .ContactRight input:nth-child(2n){
    float: right;
}

.NewsList{
    padding: 100px 0 200px;
}
.NewsList ul{}
.NewsList ul li{
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #eeeeee;
    position: relative;
}
.NewsList ul li:hover h3{color:#d70000;}
.NewsList ul li img{
    width: 340px;
    float: left;
    margin-right: 60px;
}
.NewsList ul li a{
    display: block;
    overflow: hidden;
}
.NewsList ul li h3{
    font-size: 20px;
    color: #2c2c2c;
    margin-right: 200px;
}
.NewsList ul li p{
    color: #6a6a6a;
    font-size: 16px;
    height: 4.5em;
    overflow: hidden;
    margin: 1em 0 3em;
}
.NewsList ul li span{
    display: block;
    position: absolute;
    right: 0px;
    color: #a1a1a1;
    top: 0px;
}
.NewsList ul li em{
    background: #eeeeee;
    width: 140px;
    text-align: center;
    line-height: 36px;
}
.NewsShow{padding: 100px 0; width:1100px;}
.NewsShow h1{font-size: 24px;
    text-align: center;}
.NewsShow h2{    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #666;}
.NewsShow .BJQ{padding: 20px 0;}
.NewsShow p{margin-bottom: 1em;}




/*浼氬憳涓績*/
.UserLand{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    background: rgb(0 0 0 / 0.8);
    z-index: 999;
}
.UserFormBox{
    position: fixed;
    width: 500px;
    min-height: 400px;
    background: #fff;
    left: 50%;
    margin-left: -250px;
    top: 50%;
    margin-top: -200px;
    border-radius:4px;
}
.UserLandNav{
    overflow: hidden;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
    padding: 0 40px;
    background: #f5f5f5;
}
.UserLandNav a{
    text-align: center;
    line-height: 60px;
    cursor: pointer;
}
.UserLandNav a:nth-child(1){}
.UserLandNav a:nth-child(2){
}
.UserLandNav a:nth-child(3){}
.UserLandNav a.this{color: #d70000;}
.UserLandForm{
    
}
.formA{
    display: block;
    padding: 40px;
}
.formA input{
    width: 100%;
    line-height: 45px;
    display: block;
    height: 45px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    text-indent: 10px;
    font-size: 14px;
}

.formA input::-webkit-input-placeholder{ color: #ccc; } 
.formA input::-moz-placeholder { color: #ccc;}
.formA input::-ms-input-placeholder { color: #ccc;} 

.formB input::-webkit-input-placeholder{ color: #ccc; } 
.formB input::-moz-placeholder { color: #ccc;}
.formB input::-ms-input-placeholder { color: #ccc;} 




 .formA input.checkbox{    width: 14px;
    float: left;
    line-height: 16px;
    height: 16px; margin-bottom: 0px; margin-right: 10px; margin-top: 5px;}
 .formA .jizhu span{color: #666;
    font-size: 14px;}
 .formA  button{width: 200px;
    line-height: 45px;
    height: 45px;
    text-align: center;
    background: #d70000;
    color: #fff;
    margin: 20px auto;
    display: block;}



    .formB input{
    width: 100%;
    line-height: 45px;
    display: block;
    height: 45px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    text-indent: 10px;
    font-size: 14px;
}
.formB{padding: 20px 40px;}
.yanzhengma{position: relative;}
.yanzhengma a{cursor: pointer; position: absolute;right: 0px;top: 0px;height: 45px;line-height: 45px;background: #0094e9;color: #fff;padding: 0 20px;}
 .formB  button{width: 200px;
    line-height: 45px;
    height: 45px;
    text-align: center;
    background: #d70000;
    color: #fff;
    margin: 20px auto;
    display: block;}

    .close{
    position: absolute;
    right: -13px;
    background: #fff;
    width: 24px;
    text-align: center;
    height: 24px;
    border-radius: 100%;
    top: -12px;
    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
 


}

.countdown{ position: absolute; right: 10px; top: 0px; display: none; }
.countdown span{ line-height: 45px; padding:0px 5px 0 0;  }

 .close i{}

 

.usIndex{width: 1300px;margin: 0 auto;background: #fff;}
.usIndex  .Pagination a{padding: 0px; font-size: 14px;}
.Pagination em{font-size: 14px;}
.Pagination i{ margin: 0 10px; }
.Pagination{margin: 20px 0 20px;}
.usbox{
    background: #f5f5f5;
    padding: 60px 0 200px;
}
 .usIndexHead{
    position: relative;
    background: #fff;
    overflow: hidden;
    padding: 20px;
}
 .usIndexHead img{
    border-radius: 100%;
    float: left;
    margin-right: 20px;
    width: 120px;
    height: 120px;
}
 .usIndexHead ul{
    overflow: hidden;
}
.usIndexHead  ul li{
    font-size: 14px;
    margin-top: 7px;
}

.usIndexHead  ul li:nth-child(4){color: #999}
.usIndexHead  ul li:nth-child(3){color: #999}
.usIndexHead  ul li span{ color: #000; margin-right:0px; }
.usIndexHead span{
    font-size: 14px;
}
.usIndexHead .modify{position: absolute;
    padding: 0 20px;
    right: 0px;
    top: 20px;
    font-size: 4px; }
    .usIndexHead .modify i{ margin-right: 4px;  font-size:20px;}
.usIndexList{}
.usIndexNav{border-bottom: 1px solid #ddd;}
.usIndexNav a{line-height: 45px;padding: 0 30px;font-size: 14px;border-bottom: 2px solid #fff;}
.usIndexNav a.this{border-bottom: 2px solid #d70000;
    color: #d70000;}

 
 

.CollectionList{
    padding: 20px;
}
.CollectionList ul{overflow: hidden;}
.CollectionList ul li{ margin-bottom: 20px;   overflow: hidden;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;}
.CollectionList ul li a{ float: left;   display: block;
    overflow: hidden;}
.CollectionList ul li img{
    width: 120px;
    float: left;
    margin-right: 20px;
    }
.CollectionList ul li h3{
}
.CollectionList ul li p{
    color: #666;
    font-size: 13px;
    margin-bottom: 10px;
}
 
.CollectionList ul li i{cursor: pointer;color: #ddd;font-size: 14px;}
.CollectionList ul li i:hover{color: #d70000}


.usIndex .download{padding: 20px;}

.usIndex .download td{font-size: 14px;padding: 10px;}



.MyNews{}
.MyNews ul{}
.MyNews ul li{
    overflow: hidden;
    border-bottom: 1px solid #eee;
}
.MyNews ul li h3{font-weight: normal;font-size: 14px;float: left;margin-right: 10%;line-height: 45px;}
.MyNews ul li span{font-size: 13px;color: #999;line-height: 45px;}
.MyNews ul li a{
    color: #666;
    float: right;
    font-size: 13px;
    line-height: 45px;
}
 .NewsShow img{ max-width:100%; margin: 0 auto;}


.MyNewsShow{}
.MyNewsShowList{
    height: 300px;
    overflow-y: auto;
    margin-bottom: 20px;
    padding: 10px;
}
.MyNewsShowList dl{
    margin-bottom: 10px;
    padding: 0px 10px;
}
.MyNewsShowList dl.right{text-align: left;}
.MyNewsShowList dl.right p{background: #0094e9;
    
}
.MyNewsShowList dl.left{text-align: right;}
.MyNewsShowList dl.left p{
    background: #d70000;
}
.MyNewsShowList dt{
    font-size: 14px;
    font-weight: bold;
}
.MyNewsShowList dt span{
    font-size: 12px;
    color: #999;
    margin-left: 20px;
    font-weight: normal;
}
.MyNewsShowList dd{
}
.MyNewsShowList dd p{
    color: #666;
    font-size: 14px;
    margin-bottom: 0.5em;
    display: inline-block;
    color: #fff;
    padding: 2px 10px;
    border-radius: 4px;
}
.MyNewsShowList dd .BJQ{ padding: 10px 0; }
.MyNewsShowList dd a.fileA{
    color: #333;
    font-size: 12px;
    background: #f5f5f5;
    line-height: 2em;
    padding: 0 10px;
}
.MyNewsShowList dd a.fileA:hover{ background-color: #d70000; color: #fff; }
.MyNewsShowReply{ padding: 10px;}
.MyNewsShowReply form{
    display: block;
}
.MyNewsShowReply textarea{
    min-height: 100px;
    border: none;
    width: 100%;
    font-size: 14px;
    background: #f9f9f9;
    padding: 10px;
}
.MyNewsShowReply .fileReply{
    position: relative;
    border: 1px solid #ddd;
    margin-top: 10px;
}
.MyNewsShowReply input{
    height: 30px;
    display: block;
}
.MyNewsShowReply span{
    cursor: pointer;
    position: absolute;
    width: 100%;
    left: 0px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    text-indent: 10px;
    color: #999;
    font-size: 14px;
    top: 0px;
}
.MyNewsShowReply button{
    width: 140px;
    line-height: 2em;
    background: #d70000;
    color: #fff;
    margin: 20px 0;
    float: right;
}
 
 
.usIndexRevise{padding: 40px 0 100px;}
.usIndexRevise form{
    width: 400px;
    display: block;
    margin: 0 auto;
}

.fileImg{
    width: 120px;
    height: 120px;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto 20px;
    position: relative;
}
.fileImg input{
    display: none;
}
.fileImg img{
    width: 100%;
}
.fileImg span{
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    background: rgb(0 0 0 / 0.3);
    line-height: 120px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    display: none;
}
.fileImg:hover span{display: block;}
.usIndexRevise ul{}
.usIndexRevise ul li{}
.usIndexRevise ul li input{    border: 1px solid #ddd;
    line-height: 2.5em;
    padding-left: 10px;
    font-size: 14px;
    margin-bottom: 10px;
    width: 100%;}
.usIndexRevise button{
    width: 100%;
    line-height: 2em;
    background: #d70000;
    color: #fff;
    margin: 10px 0;
    }

.usIndexRevise ul li .yanzhengma a{height: 37px;  line-height: 37px;}
.usIndexRevise ul li .countdown span{height: 37px;  line-height: 37px;}
/***********************************************************1600px*******************************************************/
@media (min-width:1200px) and (max-width:1600px){
#indexC,.indexNavBox{ width: 1300px; margin: 0 auto; }
.indexNav .logo img{ width: 160px; }
.indexNavBox>ul>li>a{ line-height: 90px; }
.indexNavRight{margin-top: 31px;}
.google{margin-top:30px;}
}

/**鐭俊楠岃瘉鐮乴oading鍥炬爣**/
.codeLoading {
    display:none;
	margin: 12px;
    width: 20px;
    line-height: 45px;
    float: left;
    height: 20px;
    border: 2px solid #e3e3e3;
    border-bottom: #0094e9 2px solid;
    border-radius: 50%;
	animation:load 1.1s infinite linear;
	-webkit-animation:load 1.1s infinite linear;
	-moz-animation:load 1.1s infinite linear;
	-o-animation:load 1.1s infinite linear;
}
@keyframes load {
	from {
	transform:rotate(0deg);
	-ms-transform:rotate(0deg);
}
to {
	transform:rotate(360deg);
	-ms-transform:rotate(360deg);
}
}@-webkit-keyframes load {
	from {
	-webkit-transform:rotate(0deg);
}
to {
	-webkit-transform:rotate(360deg);
}
}@-moz-keyframes load {
	from {
	-moz-transform:rotate(0deg);
}
to {
	-moz-transform:rotate(360deg);
}
}@-o-keyframes load {
	from {
	-o-transform:rotate(0deg);
}
to {
	-o-transform:rotate(360deg);
}
}
/**鐭俊楠岃瘉鐮乴oading鍥炬爣**/

/**鐢ㄦ埛娑堟伅妗嗘粴鍔ㄦ潯鏍峰紡**/

/*瀹氫箟婊氬姩鏉￠珮瀹藉強鑳屾櫙 楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
.MyNewsShowList::-webkit-scrollbar{
    width: 7px;
    height: 7px;
    background-color: #F5F5F5;
}

/*瀹氫箟婊氬姩鏉¤建閬 鍐呴槾褰?鍦嗚*/
.MyNewsShowList::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

/*瀹氫箟婊戝潡 鍐呴槾褰?鍦嗚*/
.MyNewsShowList::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #c8c8c8;
}
/**鐢ㄦ埛娑堟伅妗嗘粴鍔ㄦ潯鏍峰紡**/


.NewsListTxt{overflow: hidden;}


.lanmubanner:before {
    content: '';
    position: absolute;
    width: 100%;
    top: 0px;
    height: 100%;
    background: #000;
    opacity: 0.2;
    left: 0px;
}

#indexBanner img{ width:100%;}